<!-- 成功弹窗组件 -->
<template>
  <div class="confirm-toast">
    <div class="modal">
      <div class="quit" @click="$emit('quit')">
        <i class="iconfont">&#xe63f;</i>
      </div>
      <i class="iconfont success">&#xe615;</i>
      <div class="text">支付成功，等待配送</div>
    </div>
  </div>
</template>

<script>
// composition
export default {
  name:'successToast'
}
</script>

<style scoped lang="scss">
@import '@/styles/mixin.scss';
@import '@/styles/theme.scss';
.confirm-toast{
  @include toast;
  .modal{
    padding: 12px;
    color: #333;
    .quit{
      align-self: flex-end;
      .iconfont{
        color: #666;
      }
    }
    .success{
      font-size: 60px;
      margin-bottom: 10px;
    }
    .text{
      font-weight: bold;
      font-size: 18px;
    }
  }

}
</style>
